<script>
    var auth = ${auth};

    var addAuthForm = new Vue({
        el:"#addChildAuthForm",
        data:{
            auth: auth,
        },
        methods:{
        },
    });
</script>

<div class="bjui-pageContent">
    <form action="/auth/auth/addAuthSave" id="addChildAuthForm" data-toggle="validate" data-alertmsg="false">
        <div class="bjui-row col-1">
            <label class="row-label">权限名称：</label>
            <div class="row-input required">
                <input class="" name="name" type="text" data-rule="required">
            </div>

            <label class="row-label">父权限：</label>
            <div class="row-input required">
                <select name="parentId" class="" data-toggle="selectpicker" data-rule="checked" readonly="true">
                    <option v-bind:value="auth.id" selected="selected">{{auth.name}}</option>
                </select>
            </div>

            <label class="row-label">权限检查等级：</label>
            <div class="row-input required">
                <select name="checkLevel" class="" data-toggle="selectpicker" data-rule="checked">
                    <option value="3" checked="checked">授权可访问</option>
                    <option value="2">登陆可访问</option>
                    <option value="1">游客可访问</option>
                </select>
            </div>

            <label class="row-label">状态：</label>
            <div class="row-input required">
                <input name="status" value="1" data-toggle="icheck" data-label="正常" type="radio" checked="checked" data-rule="checked">
                <input name="status" value="2" data-toggle="icheck" data-label="禁用" type="radio" data-rule="checked">
            </div>
        </div>
    </form>
</div>

<div class="bjui-pageFooter">
    <ul>
        <li>
            <button type="button" class="btn-close" data-icon="close">取消</button>
        </li>
        <li>
            <button type="submit" class="btn-blue" data-icon="save">确定</button>
        </li>
    </ul>
</div>